.personal-setting{
  min-height: calc(100vh - 80px) !important;
  .personal-box{
    min-height: 100vh;
    background-color: #fff;
    border-radius: 6px;
    padding: 0 20px 20px 20px;
    &:first-child{
      .basic-info{
        text-align: center;
        padding: 40px 20px 20px 20px;
        .full-name{
          font-size: 20px;
          font-weight: 600;
          margin: 10px 0 4px 0;
        }
      }
      .personal-info{
        padding: 10px 0;
        h3{
          font-size: 14px;
          color: #666;
          font-weight: 600;
        }
        .personal-info-content{
          .info-list{
            height: 22px;
            line-height: 22px;
            margin-bottom: 14px;
            &:last-child{
              margin-bottom: 0;
            }
            &>span.pull-left{
              width: 60%;
              display: inline-block;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
            }
            .language-list{
              position: relative;
              left: -20px;
              width: 120px;
              .ant-select-selection-selected-value{
                float: right;
              }
              .ant-select-arrow{
                right: 0 !important;
              }
              .ant-select-selection__rendered{
                margin: 0 !important;
              }
            }
          }
          .credit-desc{
            clear: both;
            font-size: 12px;
            color: #999999;
          }
        }
        .base-info{
          span.pull-left > span{
            width: 16px;
            text-align: center;
            margin-right: 6px;
            display: inline-block;
          }
        }
      }
    }
    &:last-child{
      .tab-content{
        overflow-y: hidden;
        overflow-x: hidden;
        padding: 40px 0 0 64px;
      }
      .login-log{
        width: calc(100% + 18px);
        height: calc(100vh - 220px);
        overflow-y: auto;
        padding: 10px;
        p{
          font-size: 12px;
          &>span:first-child{
            color: #999999;
            display: inline-block;
            margin-right: 6px;
          }
          margin-bottom: 6px;
        }
      }
      .menu-list{
        clear: both;
        h3{
          font-size: 14px;
          color: #666;
          font-weight: 600;
          height: 32px;
          line-height: 32px;
          .ant-radio-button-wrapper{
            height: 28px;
            line-height: 24px;
          }
          span{
            font-size: 12px;
            font-weight: normal;
          }
        }
        p{
          color: #999999;
          font-size: 12px;
        }
        .menu-list-left{
          .menu-list-item{
            position: relative;
            overflow-y: scroll;
            overflow-x: hidden;
            height: calc(100vh - 320px);
            width: 100%;
            //border-right: 1px solid #999999;
          }
          .menu-item{
            height: 40px;
            line-height: 40px;
            width: 100%;
            padding: 0 20px;
            color: rgba(255, 255, 255, 0.65);
            background: $menu;
            font-size: 12px;
            position: relative;
            cursor: default;
            -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
            -moz-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
            -ms-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
            -o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
            .nav-icon{
              width: 28px;
              text-align: center;
              display: inline-block;
            }
            .nav-text{
              margin-left: 10px;
            }
            .arrow-right{
              position: absolute;
              right: 20px;
              top: 14px;
            }
            &:hover{
              color: #fff;
            }
            &.selected{
              background: $default-color;
              color: #fff;
            }
            &.checked{
              background: $badge-success;
              color: #fff;
            }
          }
        }
        .tag-box{
          //padding: 20px;
          .tag-list{
            margin-bottom: 16px;
            &>h4{
              height: 24px;
              line-height: 24px;
              color: #666;
            }
          }
          .ant-tag{
            height: 32px;
            line-height: 32px;
            font-size: 14px;
            padding: 0 8px;
            border-radius: 0;
            margin-bottom: 10px;
          }
          .null-data{
            text-align: center;
            padding: 40px 0;
            margin-top: 20px;
            img{
              width:64px;
              height: 76px;
            }
            p{
              color: $divide-line;
              font-size: 18px;
              font-weight: 600;
            }
          }
        }
      }
    }
  }
  .pull-left{
    float: left;
  }
  .pull-right{
    float: right;
  }
  .edit{
    cursor: pointer;
    color: $default-color;
  }
  .bind{
    cursor: pointer;
    color: $badge-warning;
  }
  .ant-divider-horizontal{
    margin: 10px 0;
  }
  .dropdown-list{
    border: none;
    color: $default-color;
    box-shadow: none;
    bottom: 5px;
    .ant-select-selection{
      border: none;
      color: $default-color;
      box-shadow: none;
    }
    .ant-select-open.ant-select-selection{
      border: none;
      color: $default-color;
      box-shadow: none;
    }
    .ant-select-selection__rendered{
      margin-left: 0;
    }
  }
  .cursor-move{
    cursor: move !important;
  }
  .cursor-point{
    cursor: pointer !important;
  }
}
